<!-- 部门信息管理页面 -->
<div class="content-area" id="dept-info-management">
    <div class="page-header">
        <div class="page-title">部门信息管理</div>
        <div class="page-description">管理部门信息，包括增加、修改、删除部门</div>
    </div>

    <div class="table-container">
        <div class="table-header">
            <div class="table-title">部门列表</div>
            <div class="btn-group">
                <button class="btn btn-primary" onclick="BaseInfoModule.showDeptModal()">新增部门</button>
                <button class="btn btn-secondary" onclick="BaseInfoModule.importDept()">导入数据</button>
                <button class="btn btn-info" onclick="BaseInfoModule.downloadDeptTemplate()">下载模板</button>
            </div>
        </div>

        <div class="search-form">
            <div class="form-group">
                <label class="form-label">部门名称</label>
                <input class="form-input" id="deptNameSearch" placeholder="请输入部门名称" type="text">
            </div>
            <div class="form-group">
                <label class="form-label">部门类型</label>
                <select class="form-input" id="deptTypeSearch">
                    <option value="">全部</option>
                    <option value="0">职能部门</option>
                    <option value="1">二级学院</option>
                    <option value="2">社区</option>
                    <option value="3">其他</option>
                </select>
            </div>
            <div class="form-group">
                <label class="form-label">&nbsp;</label>
                <button class="btn btn-primary" onclick="BaseInfoModule.searchDept()">搜索</button>
            </div>
        </div>

        <div class="table-content" id="deptTableContent">
            <table class="data-table">
                <thead>
                <tr>
                    <th>部门编号</th>
                    <th>部门名称</th>
                    <th>部门类型</th>
                    <th>状态</th>
                    <th>操作</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td class="loading" colspan="5">加载中...</td>
                </tr>
                </tbody>
            </table>
            <div class="pagination-container" id="deptPagination"></div>
        </div>
    </div>
</div>

<!-- 教师信息管理页面 -->
<div class="content-area" id="teacher-info-management">
    <div class="page-header">
        <div class="page-title">教师信息管理</div>
        <div class="page-description">管理教师信息，包括增加、修改、删除教师</div>
    </div>

    <div class="table-container">
        <div class="table-header">
            <div class="table-title">教师列表</div>
            <div class="btn-group">
                <button class="btn btn-primary" onclick="BaseInfoModule.showTeacherModal()">新增教师</button>
                <button class="btn btn-secondary" onclick="BaseInfoModule.importTeacher()">导入数据</button>
                <button class="btn btn-info" onclick="BaseInfoModule.downloadTeacherTemplate()">下载模板</button>
                <button class="btn btn-warning" onclick="BaseInfoModule.extractTeacherData()">提取数据</button>
            </div>
        </div>

        <div class="search-form">
            <div class="form-group">
                <label class="form-label">教师姓名</label>
                <input class="form-input" id="teacherNameSearch" placeholder="请输入教师姓名" type="text">
            </div>
            <div class="form-group">
                <label class="form-label">部门</label>
                <select class="form-input" id="teacherDeptSearch">
                    <option value="">全部部门</option>
                </select>
            </div>
            <div class="form-group">
                <label class="form-label">教师类型</label>
                <select class="form-input" id="teacherTypeSearch">
                    <option value="">全部</option>
                    <option value="0">行政</option>
                    <option value="1">教师</option>
                </select>
            </div>
            <div class="form-group">
                <label class="form-label">岗位</label>
                <select class="form-input" id="teacherPositionSearch">
                    <option value="">全部岗位</option>
                </select>
            </div>
            <div class="form-group">
                <label class="form-label">&nbsp;</label>
                <button class="btn btn-primary" onclick="BaseInfoModule.searchTeacher()">搜索</button>
            </div>
        </div>

        <div class="table-content" id="teacherTableContent">
            <table class="data-table">
                <thead>
                <tr>
                    <th>教师编号</th>
                    <th>教师工号</th>
                    <th>教师姓名</th>
                    <th>部门编号</th>
                    <th>部门名称</th>
                    <th>岗位</th>
                    <th>教师类型</th>
                    <th>是否参评</th>
                    <th>教师状态</th>
                    <th>操作</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td class="loading" colspan="10">加载中...</td>
                </tr>
                </tbody>
            </table>
            <div class="pagination-container" id="teacherPagination"></div>
        </div>
    </div>
</div>

<!-- 岗位类型管理页面 -->
<div class="content-area" id="position-type-management">
    <div class="page-header">
        <div class="page-title">岗位类型管理</div>
        <div class="page-description">管理岗位类型信息，包括增加、修改、删除岗位类型</div>
    </div>

    <div class="table-container">
        <div class="table-header">
            <div class="table-title">岗位列表</div>
            <div class="btn-group">
                <button class="btn btn-primary" onclick="BaseInfoModule.showPositionTypeModal()">新增岗位
                </button>
            </div>
        </div>

        <div id="positionTableContent">
            <table class="data-table">
                <thead>
                <tr>
                    <th>岗位编号</th>
                    <th>岗位名称</th>
                    <th>岗位描述</th>
                    <th>操作</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td class="loading" colspan="4">加载中...</td>
                </tr>
                </tbody>
            </table>
            <div class="pagination-container" id="positionPagination"></div>
        </div>
    </div>
</div>

<!-- 教师岗位管理页面 -->
<div class="content-area" id="teacher-position-management">
    <div class="page-header">
        <div class="page-title">教师岗位管理</div>
        <div class="page-description">管理教师与岗位的对应关系</div>
    </div>

    <div class="table-container">
        <div class="table-header">
            <div class="table-title">教师岗位列表</div>
            <div class="btn-group">
                <button class="btn btn-primary" onclick="BaseInfoModule.showTeacherPositionModal()">新增关联
                </button>
                <button class="btn btn-secondary" onclick="BaseInfoModule.importTeacherPosition()">导入数据
                </button>
                <button class="btn btn-info" onclick="BaseInfoModule.downloadTeacherPositionTemplate()">下载模板
                </button>
            </div>
        </div>

        <div class="search-form">
            <div class="form-group">
                <label class="form-label">教师姓名</label>
                <input class="form-input" id="tpTeacherNameSearch" placeholder="请输入教师姓名" type="text">
            </div>
            <div class="form-group">
                <label class="form-label">岗位</label>
                <select class="form-input" id="tpPositionSearch">
                    <option value="">全部岗位</option>
                </select>
            </div>
            <div class="form-group">
                <label class="form-label">部门</label>
                <select class="form-input" id="tpDeptSearch">
                    <option value="">全部部门</option>
                </select>
            </div>
            <div class="form-group">
                <label class="form-label">&nbsp;</label>
                <button class="btn btn-primary" onclick="BaseInfoModule.searchTeacherPosition()">搜索</button>
            </div>
        </div>

        <div id="teacherPositionTableContent">
            <table class="data-table">
                <thead>
                <tr>
                    <th>教师编号</th>
                    <th>教师姓名</th>
                    <th>岗位编号</th>
                    <th>岗位名称</th>
                    <th>部门</th>
                    <th>操作</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td class="loading" colspan="6">加载中...</td>
                </tr>
                </tbody>
            </table>
            <div class="pagination-container" id="teacherPositionPagination"></div>
        </div>
    </div>
</div> 